﻿@model List<PerformanceModel>
@{
    ViewBag.Title = "近期演出";
}

<ul>
    @foreach (var p in Model)
    {
        <li>
            <a href="@Url.Action("Show",new {id=@p.Id})">
                <img src="@Url.Content("~/" + p.Thumb)" />
                <div class="content">
                    <p class="title">@p.Title</p>
                    <p class="sub-title">地址：@p.Address @p.ShowTime.ToString("M月d日 HH:00")</p>
                </div>
            </a>
        </li>
    }
</ul>

@section css{
    <style>
        a,a:visited,a:link{color: gray}
         li {
             padding: 20px 0 20px 20px;
             position: relative;
             border: 1px solid gray;
             border-width:0 0 1px 0;
         }
        li>a>img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
        }
        li>a>.content {
            position: absolute;
            left: 80px;
            top: 25px;
            right: 10px;
        }
        li>a>.content>.title{font-size:15px;margin: 0 0 5px 0;}
        li>a>.content>.sub-title{font-size:11px;margin: 0}
    </style>
}